<template>
    <Card class="text-center">
         <p slot="title">警情设置</p>
         <Row v-for="(item ,index) in arr" :key="index" style="margin-top:5px;">
             <i-col style="text-align:left;" span="4" offset="10">
                   <Checkbox v-model="single" >{{item.text}}</Checkbox>
                    
             </i-col>
              
         </Row>
       <Button type="primary"><Icon type="ios-download" />保存</Button>
    </Card>
</template>

<script>
import data from "@/config/alarmSetting.js"
export default {
    name:'alarmSetting',
    data(){
        return {
            arr:data
        }
    }
}
</script>

<style scoped>
.text-center{
    text-align: center;
}
</style>